<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>自定义菜单插件</title>

<link rel="stylesheet" href="css/wx_menu.css">

<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">

</head>
<body>

    <div class="fluid">
        <div class="pannel">
            <div class="wx-card">
                <div class="wx-box">
                    <div class="wx-head"><a href="javascript:;" class="left-icon"><i class="fa fa-chevron-left"></i></a>微信公众号</div>
                    <div class="wx-body">
                        <p class="content-tips">内容区域</p>
                        <div class="wx-footer">
                            <li class="add-menu"><i class="fa fa-plus"></i></li>
                        </div>
                    </div>
                </div>
                <div class="wx-editor">
                    <a href="javascript:;" class="editor-load"><i class="fa fa-spinner"></i></a>
                    <span class="editor-tips">请点击左侧菜单</span>
                    <div class="wx-editor-show">
                        <div class="wx-editor-head">菜单一<a class="menu-delete">删除该菜单</a></div>
                        <div class="wx-editor-body">

                            <div class="cjb-form-group">
                                <label for="">菜单名称:</label>
                                <div class="cjb-input-block">
                                    <input type="text" class="cjb-input" name="cjb-name" placeholder="菜单名称">
                                </div>
                            </div>
                            <div class="cjb-form-group cjb-radio-group">
                                <label for="">菜单类型:</label>
                                <div class="cjb-input-block">
                                    <li class="cjb-radio select" type="view">跳转链接</li>
                                    <li class="cjb-radio" type="click">发送消息</li>
                                </div>
                            </div>
                            <div class="cjb-form-group cjb-val-group">
                                <label for="">菜单值:</label>
                                <div class="cjb-input-block">
                                    <input type="text" class="cjb-input" name="cjb-val" placeholder="菜单包含的值">
                                    <p class="cjb-input-tips">请输入包含http://或者https://的完整链接</p>
                                </div>
                            </div>
                            <div class="cjb-form-group">
                                <div class="cjb-input-block">
                                    <a class="set_menu fluid-btn">确认修改</a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <p style="text-align: center"><a class="big-btn fluid-btn create_menu">保存</a> <a class="big-btn fluid-btn" style="background-color: #ccc">取消</a></p>
            <span style="font-size: 12px;">得到的json数据：</span>
            <pre id="json"></pre>
        </div>
    </div>
	
    <script src="js/jquery.min.js"></script>
    <script src="js/layer.js"></script>
    <script src="js/wx_menu.js"></script>
	
</body>
</html>